.index_wrap {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    .index_left {
        float: left;
        width: 300px;
        text-align: left;
        .index_left_block {
            margin-top: 15px;
            background: #fff;
            box-shadow: 0 0 1px #ddd;
            .title {
                background-color: #4fc08d;
                color: #fff;
                padding: 10px 15px;
                font-weight: bold;
            }
            .category {
                padding: 10px 15px;
                font-weight: 500;
                margin-top: 15px;
            }
            .list {
                padding: 10px 15px;
                .item {
                    padding: 5px;
                    .hot_tag {
                        background: red;
                        color: #fff;
                        padding: 0 3px;
                        border-radius: 2px;
                    }
                }
            }
            .hr {
                height: 1px;
                width: 100%;
                background: #ddd;
            }
        }
    }
    .index_right {
        float: left;
        width: 900px;

        .swiper_wrap {
            margin-top: 15px;
            margin-left: 15px;
            .swiper-item {
                .swiper_img {
                    width: 100%;
                    height: 360px;
                }
            }
        }
        .board_list {
            overflow: hidden;
            margin-top: 15px;
            margin-left: 15px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            .item {
                width: 395px;
                background: #fff;
                box-shadow: 0 0 1px #ddd;
                padding: 20px;
                margin-bottom: 20px;
                h2{
                    font-size: 18px;
                    font-weight: bold;
                    color: #000;
                    margin-bottom: 15px;
                    margin-top: 10px;
                }
                .item-inner {
                    min-height: 125px;
                    padding-left: 120px;
                    .button {
                        background: #4fc08d;
                        color: #fff;
                        display: inline-block;
                        padding: 10px 20px;
                        cursor: pointer;
                        margin-top: 20px;
                      }
                }
            }
            .index-board-car {
                .item-inner {
                    background: url("../../assets/img/07.jpg") no-repeat;
                }
            }
            .index-board-loud {
                .item-inner {
                    background: url("../../assets/img/08.jpg") no-repeat;
                }
            }
            .index-board-earth {
                .item-inner {
                    background: url("../../assets/img/09.jpg") no-repeat;
                }
            }
            .index-board-hill {
                .item-inner {
                    background: url("../../assets/img/10.jpg") no-repeat;
                }
            }
        }
    }
}
